import { memo } from "react";
import { OrganizationType } from "../../../../types/organization";
import OrgDetailDESCStyle from "./style";
import { Image, Swiper } from "antd-mobile";

const OrgDetail_desc = memo((props: { data: OrganizationType }) => {
  const { data } = props;

  return (
    <OrgDetailDESCStyle>
      <div className="info">{data?.description}</div>
      <div className="roomImg">
        <h3>门店其他图片</h3>
        <Swiper autoplay loop>
          {data?.orgRoomImg?.map((item, index) => (
            <Swiper.Item key={index}>
              <Image src={item.url} />
            </Swiper.Item>
          ))}
        </Swiper>
      </div>
    </OrgDetailDESCStyle>
  );
});

export default OrgDetail_desc;
